import React from "react"
import { Button } from "@/components/ui/button"
import { ArrowRight } from "lucide-react"

/**
 * 行动召唤区
 */
const SectionCta = () => {
  return (
    <section className="py-20">
      <div className="container mx-auto px-4 text-center">
        <h2 className="text-3xl md:text-4xl font-bold text-gray-900 dark:text-white mb-6">开始构建您的 AI 工作流</h2>
        <p className="text-xl text-gray-600 dark:text-gray-300 mb-8">
          加入数千家创新企业，使用 Flow Forge 提升 AI 应用开发效率
        </p>
        <div className="flex flex-col sm:flex-row justify-center gap-4">
          <Button
            size="lg"
            className="text-lg px-8 py-6 bg-gradient-to-r from-blue-500 to-indigo-600 hover:from-blue-600 hover:to-indigo-700 text-white"
          >
            开始使用
            <ArrowRight className="ml-2 h-5 w-5" />
          </Button>
        </div>
      </div>
    </section>
  )
}

export default SectionCta
